<div id="app">{{a}}</div>

<script type="module">
  import Vue from '../src/vue.js'

  // Vue.mixin({
  //   created() {
  //     console.log('我是全局混入')
  //   }
  // })

  // Vue.component('parent-component', {
  //   template: `<div>我是全局组件</div>`
  // })

  let vm = new Vue({
    el: '#app',
    data() {
      return {
        a: { a: { a: { b: 456 } } },
        aa: 1,
        bb: 2
      }
    },
    created() {
      console.log('我是自己的')
    },
    // components: {
    //   'child-component': {
    //     template: `<div>我是局部组件</div>`
    //   }
    // },
    template: `<div id="a">hello 这是我自己写的Vue{{name}}</div>`,
    watch: {
      aa(newVal, oldVal) {
        debugger
        console.log(newVal)
      }
    }
    // template: `<div id="a">
    //     hello 这是我自己写的Vue{{aa}}
    //     <parent-component></parent-component>
    //     <child-component></child-component>
    //     </div>`
  })

  setTimeout(() => {
    debugger
    vm.aa = 1111
    // vm._update(vm._render())
  }, 1000)
</script>
